<!doctype html>

<html>
    <head>
        <meta charset="UTF-8" />
        <title>Larry C. Bernard, Ph.D. - Motivation and Evolutionary Psychology Laboratory</title>
        <link href="main-stylesheet.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="main-javascript.js"></script>
    </head>
    <body>
        <!-- Holder for the main page elements -->
        <div id="content" class="content">
            
            <!-- Contains the site banner -->
            <div id="banner" class="banner">
            </div>
            
            <!-- Contains the navigation links -->
            <div id="navBar" class="navBar">
                <span>Home</span>
                <span>Biography</span>
                <span>Research</span>
                <span>Publications</span>
                <span>Gallery</span>
            </div>
            
            <!-- Copy-pastable story element -->
            <div id="story1" class="story">
                <div id="title1" class="storyTitle">Gallery Under Construction</div>
                To be added when content is available.
            </div>
            
            <script type="text/javascript">
            // Format the navBar, passing the div and width
            $(main.createNav("navBar", 800));
            
            // Set up the snazzy story element effects
            $(".content").load($(main.setUpStories()));
            </script>
            
        </div>
    </body>
</html>